<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>提出问题</title>
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="../font_xld8by73zt/iconfont.css">
	<link rel="stylesheet" href="../css/nav.css">
	<link rel="stylesheet" href="../css/question.css">
</head>
<body>
	<nav class="navbar navbar-default">
		<!-- container -->
	  	<div class="container">
		    <div class="navbar-header logo-center">
		      	<!-- logo -->
		      	<a class="navbar-brand" href="../index.html">
			      	<h1>
			      		<img src="../images/logo-b.svg" alt="">
			      	</h1>
			    </a>
		    </div>

	    	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	    		<span class="glyphicon glyphicon-search top_search visible-sm visible-xs"></span>
    			<!-- 左侧导航条 -->
    			<div class="change clearfix hidden-sm hidden-xs">
			      	<ul class="nav navbar-nav clearfix">
				        <li class="active"><a href="../index.html">首页<span class="sr-only">(current)</span></a></li>
				        <li><a href="Question-and-answer.html">问答</a></li>
				        <li><a href="special.html">专栏</a></li>
				        <li><a href="lecture.html">讲堂</a></li>
				        <li class="dropdown find">
				          	<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">发现<span class="caret"></span></a>
				          	<div class="dropdown-block">
					          	<ul class="dropdown-menu clearfix">
						            <li><a href="circle.html">圈子</a></li>
						            <li><a href="activity.html">活动</a></li>
						            <li><a href="#">标签</a></li>
						            <li><a href="find_work.html">找工作</a></li>
						            <li><a href="#">排行榜</a></li>
						            <li><a href="find_work.html">找工作</a></li>
						            <li><a href="#">徽章</a></li>
						            <li><a href="find_notes.html">笔记</a></li>
						            <li><a href="#">开发手册</a></li>
						            <li><a href="#">广告投放</a></li>
						        </ul>
						        <div class="ul-active">
						        	<a href="#">
						        		<h5>2018首届“顶天立地”iFLYTEK AI开发者大赛</h5>
						        	</a>
						        	<span>合肥</span> · 
						        	<span>2018-07-11 周三</span> · 
						        	<span>报名中</span>
						        	<div class="more">
						        		<a href="activity.html">查看更多活动</a>
						        	</div>
						        </div>
					        </div>
				        </li>
			        </ul>
			        <!-- 搜索框 -->
		      		<form class="navbar-form navbar-left clearfix">
				        <div class="form-group">
				          <input type="text" class="form-control" placeholder="搜索问题或关键字">
				          <span class="glyphicon glyphicon-search search visible-lg"></span>
				        </div>
		      		</form>
	      		</div>
      		    <!-- 右侧导航条和图标 -->
	      		<ul class="nav navbar-nav navbar-right">
			        <li class="dropdown found visible-lg">
			          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">创建<span class="caret"></span></a>
			          <ul class="dropdown-menu">
			            <li><a href="question.html">提问题</a></li>
			            <li><a href="headline.html">发头条</a></li>
			            <li><a href="article.html">写文章</a></li>
			            <li><a href="note.html">记笔记</a></li>
			            <li role="separator" class="divider"></li>
			            <li><a href="#">草稿箱</a></li>
			          </ul>
			        </li>
			        <li class="dropdown found hidden-lg">
			          <a href="#" class="dropdown-toggle fa fa-plus" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>
			          <ul class="dropdown-menu">
			            <li><a href="question.html">提问题</a></li>
			            <li><a href="headline.html">发头条</a></li>
			            <li><a href="article.html">写文章</a></li>
			            <li><a href="note.html">记笔记</a></li>
			            <li role="separator" class="divider"></li>
			            <li><a href="#">草稿箱</a></li>
			          </ul>
			        </li>
			        <li class="index-msg-li">
			        	<a href="#" class="fa fa-bell-o hidden-sm hidden-xs"></a>
			        	<div class="index-msg clearfix">
			        		<div class="msg-header">
			        			<ul class="clearfix">
			        				<li class="active"><a href="#"><i class="fa fa-bullhorn"></i></a></li>
			        				<li><a href="#"><i class="fa fa-commenting-o"></i></a></li>
			        				<li><a href="#"><i class="fa fa-thumbs-o-up"></i></a></li>
			        				<li><a href="#"><i class="fa fa-user-plus"></i></a></li>
			        			</ul>
			        		</div>
			        		<div class="msg-body"></div>
			        		<div class="msg-footer">
			        			<span>查看全部 >> </span>
			        		</div>
			        	</div>
			        </li>
			        <li class="index-private-li"> 
			        	<a href="#" class="fa fa-envelope-o hidden-sm hidden-xs"></a>
			        	<div class="index-private clearfix">
			        		<div class="msg-header">
			        			<span>最近的私信</span>
			        		</div>
			        		<div class="msg-body">
			        			<p>没有人给你发私信</p>
			        		</div>
			        		<div class="msg-footer">
			        			<span>查看全部 >> </span>
			        		</div>
			        	</div>
			        </li>
			        <li class="me">
			        	<a href="personal.html" class="user"><img src="../images/user-64.png" alt="头像"></a>
			        	<div class="user-info">
			        		<div class="info-score clearfix">
			        			<span>1 声望</span>
			        			<div class="clearfix">
			        				<span><b></b>0</span>
			        				<span><b></b>1</span>
			        				<span><b></b>2</span>
			        			</div>
			        		</div>
			        		<hr>
			        		<div class="info">
			        			<ul class="clearfix">
			        				<li><a href="#">我的笔记</a></li>
			        				<li><a href="#">我的主页</a></li>
			        				<li><a href="#">我的收藏</a></li>
			        				<li><a href="#">我的档案</a></li>
			        				<li><a href="#">受邀回答</a></li>
			        				<li><a href="#">我的资产</a></li>
			        				<li><a href="#">付费问答</a></li>
			        				<li><a href="personal.html">个人设置</a></li>
			        				<li><a href="#">退出</a></li>
			        			</ul>
			        		</div>
			        		<hr>
			        		<div class="info-footer">
			        			<a href="#">用户申诉</a> · 
			        			<a href="#">建议反馈</a> · 
			        			<a href="#">邀请朋友</a>
			        		</div>
			        	</div>
			        </li>
	      		</ul>
	    	</div>
	    </div>
	</nav>
	<!-- 小屏底部导航条 -->
	<nav class="phone-nav hidden-md hidden-lg">
		<ul>
			<li class="active">
				<a href="../index.hmtl"><i class="fa fa-home"></i><span>首页</span></a>
			</li>
			<li>
				<a href="Question-and-answer.html"><i class="fa fa-comments"></i><span>问答</span></a>
			</li>
			<li><a href="special.html"><i class="fa fa-pencil-square"></i><span>专栏</span></a></li>
			<li><a href="lecture.html"><i class="fa fa-play-circle"></i><span>讲堂</span></a></li>
			<li class="phone-nav-dropdown">
				<a href="#"><i class="fa fa-bars"></i><span>更多</span></a>
				<ul class="dropdown-menu">
					<li><a href="#">职位</a></li>
					<li><a href="activity.html">活动</a></li>
					<li><a href="#">标签</a></li>
					<li><a href="#">徽章</a></li>
				</ul>
			</li>
		</ul>
	</nav>
	<div class="container question">
		<!-- 标题 -->
		<div>
			<input class="title" type="text" placeholder="标题：一句话说清问题，用问号结尾">
		</div>
		<!-- 标签内容 search_con -->
		<div class="search_con">
			<!-- 标签关键字 -->   
			<div class="search_key">
				<div class="test">
					<input type="text" placeholder="标签，如：php 可使用逗号，分号；分隔" class="texts">
				<!-- </div> -->
				<div class="key_words">
					<ul class="ultop">
						<li class="current li_language"><a>开发语言</a></li>
						<li class="li_frame"><a>平台框架</a></li>
						<li class="li_server"><a>服务器</a></li>
						<li class="li_data"><a>数据库和缓存</a></li>
						<li class="li_tool"><a>开发工具</a></li>
						<li class="li_equipment"><a>系统设备</a></li>
						<li class="li_others"><a>其他</a></li>
					</ul>
					<!-- 1 开发语言 -->
					<ul class="ulcon ul_language current_ul">
						<!-- li 1 -->
						<li><a>javascript</a></li>
						<li><a>php</a></li>
						<li><a>css</a></li>
						<li><a>html</a></li>
						<li>
							<img src="../images/java.png" alt="">
							<a>java</a>
						</li>
						<li>
							<img src="../images/html5.png" alt="">
							<a>html5</a>
						</li>
						<li>
							<img src="../images/python.png" alt="">
							<a>python</a>
						</li>
						<!-- li 2 -->
						<li><a>node.js</a></li>
						<li><a>c++</a></li>
						<li><a>c</a></li>
						<li><a>objective-c</a></li>
						<li><a>golang</a></li>
						<li><a>shell</a></li>
						<li><a>swift</a></li>
						<li><a>c#</a></li>
						<!-- li 3 -->
						<li><a>typescript</a></li>
						<li>
							<img src="../images/ruby.png" alt="">
							<a>ruby</a>
						</li>
						<li><a>bash</a></li>
						<li><a>sass</a></li>
						<li><a>asp.net</a></li>
						<li><a>less</a></li>
						<li><a>lua</a></li>
						<!-- li 4 -->
						<li><a>scala</a></li>
						<li><a>coffeescript</a></li>
						<li><a>actionscript</a></li>
						<li><a>erlang</a></li>
						<li><a>perl</a></li>
						<li><a>rust</a></li>
					</ul>
					<!-- 2 平台框架 -->
					<ul class="ulcon ul_frame">
						<!-- li 1 -->
						<li><a>laravel</a></li>
						<li><a>spring</a></li>
						<li><a>django</a></li>
						<li><a>express</a></li>
						<li><a>flask</a></li>
						<li><a>yii</a></li>
						<li><a>ruby-on-rails</a></li>
						<!-- li 2 -->
						<li><a>tornado</a></li>
						<li><a>struts</a></li>
					</ul>
					<!-- 3 服务器 -->
					<ul class="ulcon ul_server">
						<!-- li 1 -->
						<li><a>linux</a></li>
						<li><a>nginx</a></li>
						<li><a>apache</a></li>
						<li><a>docker</a></li>
						<li>
							<img src="../images/ubuntu.png" alt="">
							<a>flask</a>
						</li>
						<li><a>centos</a></li>
						<li><a>tomcat</a></li>
						<!-- li 2 -->
						<li><a>缓存</a></li>
						<li><a>负载均衡</a></li>
						<li><a>unix</a></li>
						<li><a>hadoop</a></li>
						<li><a>windows-server</a></li>
					</ul>
					<!-- 4 数据库和缓存 -->
					<ul class="ulcon ul_data">
						<!-- li 1 -->
						<li>
							<img src="../images/mysql.png" alt="">
							<a>mysql</a>
						</li>
						<li><a>redis</a></li>
						<li><a>sql</a></li>
						<li>
							<img src="../images/mongodb.png" alt="">
							<a>mongodb</a>
						</li>
						<li><a>oracle</a></li>
						<li><a>nosql</a></li>
						<!-- li 2 -->
						<li><a>memcached</a></li>
						<li><a>sqlserver</a></li>
						<li><a>sqlite</a></li>
						<li><a>postgresql</a></li>
					</ul>
					<!-- 5 开发工具 -->
					<ul class="ulcon ul_tool">
						<!-- li 1 -->
						<li><a>git</a></li>
						<li><a>github</a></li>
						<li><a>vim</a></li>
						<li><a>sublime-text</a></li>
						<li><a>xcode</a></li>
						<li><a>visual-studio-code</a></li>
						<!-- li 2 -->
						<li><a>intellij-idea</a></li>
						<li><a>eclipse</a></li>
						<li><a>maven</a></li>
						<li><a>svn</a></li>
						<li><a>ide</a></li>
						<li><a>atom</a></li>
						<li><a>visual-studio</a></li>
						<!-- li 3 -->
						<li><a>emacs</a></li>
						<li><a>hg</a></li>
						<li><a>textmate</a></li>
					</ul>
					<!-- 6 系统设备 -->
					<ul class="ulcon ul_equipment">
						<!-- li 1 -->
						<li>
							<img src="../images/android.png" alt="">
							<a>android</a>
						</li>
						<li>
							<img src="../images/ios.png" alt="">
							<a>ios</a>
						</li>
						<li>
							<img src="../images/chrome.png" alt="">
							<a>chrome</a>
						</li>
						<li><a>windows</a></li>
						<li><a>iphone</a></li>
						<!-- li 2 -->
						<li>
							<img src="../images/firefox.png" alt="">
							<a>firefox</a>
						</li>
						<li><a>internet-explorer</a></li>
						<li><a>safair</a></li>
						<li><a>ipad</a></li>
						<li><a>opera</a></li>
						<li><a>apple-watch</a></li>
					</ul>
					<!-- 7 其它 -->
					<ul class="ulcon ul_others">
						<!-- li 1 -->
						<li>
							<img src="../images/html5.png" alt="">
							<a>html5</a>
						</li>
						<li><a>react.js</a></li>
						<li><a>搜索引擎</a></li>
						<li><a>virtualenv</a></li>
						<li><a>lucene</a></li>
					</ul>
				</div>
				</div>
			</div>
		</div>
		<!-- 输入框 -->
		<div class="input-question">
			<div class="tools clearfix hidden-xs hidden-sm">
				<ul class="tools-left">
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li class="solid"></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li class="solid"></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li class="solid"></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li class="solid"></li>
					<li><a href="#"></a></li>
				</ul>
				<ul class="tools-right">
					<li><a href="#"></a></li>
					<li class="solid"></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
				</ul>
			</div>
			<div class="input clearfix">
				<div class="input-left">
				<textarea placeholder="1. 描述你的问题&#10;&#10;2. 贴上相关代码&#10;&#10;3. 贴上报错信息&#10;&#10;4. 贴上相关截图&#10;&#10;5. 已经尝试过哪些方法仍然没解决（附上相关链接）"></textarea>
				</div>
				<div class="input-right hidden-xs hidden-sm"></div>
			</div>
		</div>
		<!-- 发布框 -->
		<div class="comfire">
			<div class="container clearfix">
				<div>
					<label for="">
						<input type="checkbox">
						同步到新浪微博
					</label>	
				</div>
				<div>
					<button>发布问题</button>
				</div>	
			</div>
		</div>
	</div>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/nav.js"></script>
<script src="../js/find_work.js"></script>
</html>